<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        a {
            text-decoration: none;
        }

        .box {
            height: 40px;
            /* border: 1px solid red; */
            background-color: #333;

        }

        .box1 {
            height: 40px;
            width: 1230px;
            /* border: 1px solid black; */
            margin: 0 auto;
            display: flex;
            justify-content: space-between;








        }

        .box1 p {
            font-size: 13px;
            line-height: 40px;
            color: honeydew;

        }

        .box2 {
            height: 40px;
            width: 140px;
            /* border: 1px solid green; */
            float: left;


        }

        .box2 p {
            font-size: 13px;
            line-height: 40px;
            color: honeydew;
        }

        .box3 {
            width: 1226px;
            height: 100px;
            /* border: 1px solid green; */
            margin: 0 auto;
            display: flex;
            justify-content: space-between;

        }

        .box4 {
            width: 55px;
            height: 55px;
            background-image: url(../学生用资源/image/xiaomi_logo.png);
            background-repeat: no-repeat;
            margin-top: 20px;

        }

        .box5 {
            width: 1226px;
            height: 500px;
            /* border: 1px solid green; */
            margin: 0 auto;
            background-image: url(../学生用资源/image/T1vWdTBKDv1RXrhCrK.jpg);
            background-repeat: no-repeat;



        }

        .box6 {
            width: 850px;
            height: 100px;
            /* border: 1px solid red; */



        }

        .box6 ul li {
            font-size: 20px;
            float: left;
            margin-left: 15px;
            line-height: 100px;
        }

        .box6 input {
            height: 35px;
            margin-top: 20px;
            margin-left: 40px;
            background-image: url(../小米/images/微信图片_20200701142813.png);
            background-repeat: no-repeat;
            background-position: 109px -6px;
        }

        .box7 {
            width: 160px;
            /* border: 1px solid red; */
            background-color: saddlebrown;
        }

        .box7 ul li {
            margin-top: 28px;
            color: white;
        }

        .box8 {
            width: 1226px;
            height: 200px;
            border: 1px solid green;
            margin: 0 auto;
            display: flex;

        }
        .box8 ul li{
            width: 70px;
            height: 70px;
            display: flex;
        }

        .box9 {
            width: 300px;
            height: 156px;
             border: 1px solid black; 
            display: inline-block;
            overflow: hidden;
        }

        .box16 {
            width: 300px;
            height: 156px;
            /* border: 1px solid red; */
            margin-left: 20px;
            background-image: url(../学生用资源/image/T184E_BQWT1RXrhCrK.jpg);
            background-size: 100%;
            background-repeat: no-repeat
        }

        .box17 {
            width: 300px;
            height: 156px;
            /* border: 1px solid red; */
            margin-left: 20px;
            background-image: url(../学生用资源/image/T1yvd_BQDT1RXrhCrK.jpg);
            background-size: 100%;
            background-repeat: no-repeat
        }

        .box18 {
            width: 300px;
            height: 156px;
            /* border: 1px solid red; */
            margin-left: 20px;
            background-image: url(../学生用资源/image/T1mahQBmKT1RXrhCrK.jpg);
            background-repeat: no-repeat;
            background-size: 100%;
        }

        .box19 {
            height: 80px;
            /* border: 1px solid; */

        }

        .box20 {
            width: 1226px;
            height: 80px;
            /* border: 1px solid green; */
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;




        }

        .box20 p {
            font-size: 20px;
            line-height: 80px;
        }

        .box21 {
            width: 100px;
            height: 30px;
            border: solid 1px;
            display: flex;

        }

        .box22 {
            height: 300px;
            /* border: 1px solid; */
        }

        .box23 {
            width: 200px;
            /* border: 1px solid red; */
            height: 300px;
            background-color: #fafafa;
            margin-left: 140px;
            background-image: url(../学生用资源/image/T1riKjB7VT1RXrhCrK.jpg);
            background-repeat: no-repeat;
            background-position: 25px 0;
            float: left;
            border-top: 2px solid orange;

        }
       
       .box24{
           width: 200px;
           height: 80px;
           /* border: 1px solid; */
           margin-top: 190px;
           
       }
       .box24 p{
           font-size: 15px;
           text-align: center;
       }
       .box24 span{
           font-size: 12px;
           color: #999999;
           text-align: center;
           line-height: 50px;
       }
        
.box25{
    height: 80px;
    /* border: 1px solid ; */
    margin-top: 20px;
    background-color: #fafafa;
}
.box26{
    width: 1226px;
            height: 80px;
            /* border: 1px solid green; */
            margin: 0 auto;
}
.box26 p{
    font-size: 20px;
    line-height: 80px;
}
.box27{height: 500px;
border: 1px solid;
background-color: #fafafa;

}
.box28{
    width: 1226px;
            height: 500px;
             border: 1px solid green;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            
           
             
            
}
.box29{
    width: 200px;
    background-image: url(../学生用资源/image/T1IhLjBC_T1RXrhCrK.jpg);
    height: 500px;
    border: 1px solid;
    background-repeat: no-repeat;
    background-position: -8px 0px;
    
    
}
.box30{width: 200px;
height: 230px;
border: 1px solid;
background-image: url(../学生用资源/image/T1JKxvBXhv1RXrhCrK.jpg);
background-repeat: no-repeat;
background-color: white;
background-position: 17px 0px;



}
.box30 p{
    font-size: 15px;
}
.box31,.box32,.box33,.box34,.box35,.box36,.box37{
    width: 200px;
height: 230px;
border: 1px solid;
margin-top: 10px;
background-color: white;
}
.box40{
    
    height: 500px;
    border: 1px solid;
    background-color: white;
    margin-top: 50px;
}
.box41{width: 1226px;
height: 500px;
border: 1px solid;
margin: 0 auto;

}
.box42{
    height: 120px;
    border: 1px solid red;
}
.box43{height: 250px;
border: 1px solid red;


}
.box44{height: 250px;
    width: 400px;
    border: 1px solid red;
    margin-left: auto;
}

.box45{
    height: 100px;
    border: 1px solid;
}
.box46{
    width: 1000px;
    height: 500px;
    border: 1px solid;
    margin-left: 20px;
    display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
}

        
    </style>
</head>

<body>
    <div class="dami">
        <div class="box">
            <div class="box1">
                <p>大米网 MIUI 米聊 游戏 多看阅读 云服务 大米移动版 问题反馈 Select Region</p>
                <div class="box2">
                    <p>登陆 注册 购物车（0）</p>
                </div>

            </div>

        </div>
        <div class="box3">
            <div class="box4"></div>
            <div class="box6">
                <ul>
                    <li>大米手机</li>
                    <li>红米</li>
                    <li>平板</li>
                    <li>电视</li>
                    <li>盒子</li>
                    <li>盒子</li>
                    <li>盒子</li>
                    <li>盒子</li>
                </ul>
                <div>
                    <input type="text">
                </div>
            </div>
        </div>
        <div class="box5">
            <div class="box7">
                <ul>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                    <li>手机平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;>
                    </li>
                </ul>
            </div>
        </div>
        <div class="box8">
            <div class="box9">
                <div class="box10"></div>
                <div class="box11"></div>
                <div class="box12"></div>
                <div class="box13"></div>
                <div class="box13"></div>


            </div>
            <div class="box16"></div>
            <div class="box17"></div>
            <div class="box18"></div>

        </div>
        <div class="box19">
            <div class="box20">
                <p>大米明星单品</p>
                <div class="box21">

                </div>
            </div>

        </div>
        <div class="box22">
            <div class="box23">
                 <div class="box24">
                     <p>大米电视2/2S 全系列</p>
                     &nbsp;&nbsp;&nbsp;&nbsp;<span>40/48/49/55英寸 现货购买</span>
                 </div>
                 
            </div>
            <div class="box23">
                <div class="box24">
                    <p>大米电视2/2S 全系列</p>
                    &nbsp;&nbsp;&nbsp;&nbsp;<span>40/48/49/55英寸 现货购买</span>
                </div>
                
           </div>
           <div class="box23">
            <div class="box24">
                <p>大米电视2/2S 全系列</p>
                &nbsp;&nbsp;&nbsp;&nbsp;<span>40/48/49/55英寸 现货购买</span>
            </div>
            
       </div>
       <div class="box23">
        <div class="box24">
            <p>大米电视2/2S 全系列</p>
            &nbsp;&nbsp;&nbsp;&nbsp;<span>40/48/49/55英寸 现货购买</span>
        </div>
        
   </div>
        </div>
        <div class="box25">
            <div class="box26"><p>智能硬件</p></div>
            

        </div>
        <div class="box27">
            <div class="box28">
                <div class="box29"></div>
                <div class="box46">
                 <div class="box30"></div>
                <div class="box31"></div>
                <div class="box32"></div>
                <div class="box33"></div>
                <div class="box34"></div>
                <div class="box35"></div>
                <div class="box36"></div>
                <div class="box37"></div>
            </div>
                
                

            </div>
        </div>
        <div class="box40">
            <div class="box41">
                <div class="box42"><p>ytr</p></div>
                <div class="box43">
                    <div class="box44"></div>
                </div>
                <div class="box45"></div>
            </div>
        </div>
        
    </div>

</body>

</html>